// 常用主题颜色
@styleColor: '#2AC592';
.commonFlex() {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -mos-flexbox;
  display: flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
}

.flexAlignItems(@type: center) {
  align-items: @type;
  -webkit-align-items: @type;
  -ms-align-items: @type;
  -moz-align-items: @type;
}

.flexJustifyContent(@type: space-around) {
  justify-content: @type;
  -webkit-justify-content: @type;
  -ms-justify-content: @type;
  -moz-justify-content: @type;
}

.commscrollbar() {
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

.scrollbar-track() {
  box-shadow: inset 0 0 4px #fff;
  -webkit-box-shadow: inset 0 0 4px #fff;
  border-radius: 10px;
  background-color: #F5F5F5;
}

.scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 4px #fff;
  -webkit-box-shadow: inset 0 0 4px #fff;
  background-color: #c8c8c8;
}

//美化滚动条
.commonDScrollbar(@scrollY: scroll, @scrollX: hidden) {
  overflow-x: @scrollX;
  overflow-y: @scrollY; //兼容ie
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; //兼容火狐
  scrollbar-width: none; // &::-webkit-scrollbar {
  //   display: none;
  // }
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  &::-webkit-scrollbar {
    .commscrollbar()
  }
  &::-ms-scrollbar {
    .commscrollbar()
  }
  &::-moz-scrollbar {
    .commscrollbar()
  }
  /*定义滚动条轨道 内阴影+圆角*/
  &::-webkit-scrollbar-track {
    .scrollbar-track()
  }
  &::-ms-scrollbar-track {
    .scrollbar-track()
  }
  &::-moz-scrollbar-track {
    .scrollbar-track()
  }
  /*定义滑块 内阴影+圆角*/
  &::-webkit-scrollbar-thumb {
    .scrollbar-thumb()
  }
  &::-ms-scrollbar-thumb {
    .scrollbar-thumb()
  }
  &::-moz-scrollbar-thumb {
    .scrollbar-thumb()
  }
}

// table 加边框
.tableBorder(@border: 1px) {
  tr {
    border-bottom: 1px solid #E5E5E5;
  }
  td {
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5; // padding: 5px;
  }
  tr td:last-child {
    border-right: 0
  }
  tr:last-child td {
    border-bottom: 0
  }
}

.comClamp(@clamp: 2) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; // overflow: hidden;
  // text-overflow: ellipsis;
  // display: -webkit-box;
  // -webkit-line-clamp: @clamp;
  // /*想省略几行就写几*/
  // -webkit-box-orient: vertical;
}